/* 智能停车样式文件 */
/* 将common.less的文件引入首页 @import"文件名" */
@import "common";
* {
    touch-action: pan-y;
}
/* 页面元素rem 计算公式：元素  / html字体大小(50) */
@basefont:50;
/* 身体 */
.body_part {
    padding: (22.7rem / @basefont) (20.7rem / @basefont);
    //background-color: pink;
    /* 快速导航部分 */
    .quick_navigation {
        overflow: hidden;
        border-radius: (15rem / @basefont);
        .mask_map {
            height: (576rem / @basefont);
            width: 100%;
            background: url('../image/map.png') no-repeat;
            background-size: cover;
        }
    }
    /* 历史车位部分 */
    .history {
        margin-top: (23rem / @basefont);
        overflow: hidden;
        width: 100%;
        background-color: white;
        .nearby_body {
            padding: (36rem / @basefont) 0;
            width: 100%;
            height: (524.8rem / @basefont);
            .swiper {
                width: 100%;
                height: 100%;
              }

            .swiper-wrapper {
                display: flex;
                width: (1040rem / @basefont);
                height: 100%;
                /* background-color: purple; */
            }
            .swiper-slide {
              text-align: center;
              font-size: 18px;
              /* background: #fff; */
        
              /* Center slide textvertically */
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;

                /* background-color: skyblue; */
                padding-left: (24rem / @basefont);
                flex: 1;
                height: 100%;
                a[class^='nearby_body_imgbox'] {
                    height: 100%;
                    width: 100%;
                    border: (1rem / @basefont) solid #ddd;
                    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
                    border-radius: .2rem;
                    background-color: white;
                    overflow: hidden;
                }
                div[class^='nearby_body_img'] {
                    margin-bottom: (20rem / @basefont);
                    width: 100%;
                    height: 70%;
                    background:url('../image/his1.webp') no-repeat;
                    background-size: cover;
                }
                #nearby_body_img2 {
                    background:url('../image/his2.webp') no-repeat;
                }
                #nearby_body_img3 {
                    background:url('../image/nearby_body_img3.webp') no-repeat;
                }
                
                .nearby_body_imgspan {
                    font-size: 0.6rem;
                    color: #222;
                }
              }
        
              .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
        }
    }
    /* 附近停车部分 */
    .near_parking {
        background-color: white;
        margin-top: (23rem / @basefont);
        .hot_news_list {
            overflow: hidden;
            .swiper-container {
                width: 100%;
                /* height:100%; */
            }
            .swiper-wrapper {
                height: 100%!important;
            }
            .swiper-slide {
                /* text-align: center; */
                font-size: 18px;
                background: #fff;
                height:(289rem / @basefont);
                /* line-height:100px; */
                /* Center slide text vertically */
                /* display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex; */
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;

                padding: (24rem / @basefont);
                position: relative;
                //background-color: purple;
                .news_word {
                    margin-left: (24rem / @basefont);
                    height: 100%;
                    width: 8.6rem;
                    float: left;
                    //background-color: skyblue;
                    border-bottom: 1px solid #f0f0f0;
                    h5 {
                        /* margin-bottom: (16.8rem / @basefont); */
                        font-size: 0.6rem;
                        font-weight: 600;
                        color: #222;
                    }
                }
                div[class^='neary_img'] {
                    float: left;
                    /* position: absolute;
                    left: (0rem / @basefont); */
                    /* top: (36rem / @basefont); */
                    height: (204rem / @basefont);
                    width: (204rem / @basefont);
                    background-size: cover;
                    background-position: center bottom;
                }
                #neary_img1 {
                    background:url('../image/nearby_body_img1.webp') no-repeat;
                    background-position: center bottom;
                }
                #neary_img2 {
                    background:url('../image/nearby_body_img2.webp') no-repeat;
                    background-size: cover;
                }
                #neary_img3 {
                    background:url('../image/his1.webp' )no-repeat;
                    background-size: cover;
                }
                #neary_img4 {
                    background:url('../image/nearby_body_img3.webp') no-repeat;
                    background-size: cover;
                }
            }

        }
    }
}